<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link href="../../html/buyer/css/new-css.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>拼东东 - 购物商城</title>
    <link rel="icon" href="../../module/favicon.ico" type="image/ico">
    <link href="../../module/css/bootstrap.min.css" rel="stylesheet">
    <link href="../../module/css/materialdesignicons.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../module/js/jconfirm/jquery-confirm.min.css">
    <link href="../../module/css/style.min.css" rel="stylesheet">

    <script type="text/javascript" src="../../module/js/jquery.min.js"></script>
    <script type="text/javascript" src="../../module/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../../module/js/perfect-scrollbar.min.js"></script>
    <script type="text/javascript" src="../../module/js/jconfirm/jquery-confirm.min.js"></script>
    <script type="text/javascript" src="../../module/js/main.min.js"></script>
    <script type="text/javascript" src="../../module/js/Chart.js"></script>
    <script type="text/javascript" src="../../js/base.js"></script>
    <script type="text/javascript" src="../../js/buyer/buyer-js.js"></script>
    <script type="text/javascript" src="../../js/buyer/buyer-ajax.js"></script>
</head>
<body class="lyear-layout-sidebar-close">

<div class="lyear-layout-web">
    <div class="lyear-layout-container">
        <!--左侧导航-->
        <aside class="lyear-layout-sidebar">
            <!-- logo -->
            <div id="logo" class="sidebar-header">
                <a href="../../index.html"> <img alt="light year admin" src="/static/logo.png"
                                                 style="height: 64px; margin: 0"> </a>
            </div>
            <div class="lyear-layout-sidebar-scroll"><nav class="sidebar-main"></nav></div>
        </aside>
        <header class="lyear-layout-header">
            <nav class="navbar navbar-default">
                <div class="topbar">
                    <div class="topbar-left">
                        <a href="../../index.html"> <img alt="light year admin" src="/static/logo.png"
                                                         style="height: 64px; margin: 0"> </a>
                        <div class="input-group">
                            <input type="text" class="form-control" style="width: 600px;" id="search-keyword-input" placeholder="请输入关键词...">
                            <span class="input-group-btn"><button class="btn btn-primary" type="button" onclick="search_product_page(document.getElementById('search-keyword-input').value,1)">搜索</button></span>
                        </div>

                    </div>
                    <div>
                        <a class='mdi mdi-cart' style='cursor: pointer;font-size: 28px;padding: 0 10px' title='购物车' onclick="cart_page()"></a>
                        <a class='mdi mdi-briefcase' style='cursor: pointer;font-size: 28px;padding: 0 10px' title='我的订单' onclick="order_list_page()"></a>
                    </div>
                    <ul class="topbar-right">
                        <li class="dropdown dropdown-profile">
                            <a href="javascript:void(0)" data-toggle="dropdown">
                                <span><span id="username-display">用户名</span><span class="caret"></span></span>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="#"><i class="mdi mdi-account"></i>个人信息</a></li>
                                <li><a href="../seller/index.html"><i class="mdi mdi-store"></i>进入商家版</a></li>
                                <li><a href="../user/reset.html"><i class="mdi mdi-lock-outline"></i>修改密码</a></li>
                                <li class="divider"></li>
                                <li><a onclick="log_out()" style="cursor: pointer"><i
                                        class="mdi mdi-logout-variant"></i>退出登录</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
    </div>

    <main class="lyear-layout-content">

    </main>


    <script>
        var search_word=null;
        var this_user_name;
        var product_id;
        var this_page=1;
        $(document).ready(function () {
            //开发阶段注释
            if (localStorage.getItem("token") === null) {
                this_user_name="未登录";
            }else {
                this_user_name = user_buyer_info();
            }
            document.getElementById("username-display").innerHTML = this_user_name;

            $("main").load("element/index.html");
        })
    </script>
</div>

</body>

</html>